@import "main-nav.css";

#head {
    overflow: hidden;
}

#head #logo {
    height: 85px;
    width: 300px;
    float: left;
}

#head .strip {
    float: right;
    overflow: hidden;
    position: relative;
}

#head .strip #banner {
    background: url(../images/top-banner.png) no-repeat;
    width: 660px;
    height: 85px;
}

/* Ẩn text, hiển thị banner thay thế */
#head .strip #banner span {
    display: none;
}

/* nav phía bên phải, ở trên */
#head ul#subnav {
    list-style: none;
    top: 3px;
    right: 15px;
    position: absolute;
}

#head ul#subnav li {
    display: inline;
}

#head ul#subnav li a{
    text-decoration: none;
    color: #fcfcfc;
    font-size: 110%;
    text-shadow: 0 1px 0 #333;
    padding: 2px 6px;
    border-radius: 5px;
}


#head ul#subnav li a:hover {
    color: #c200f7;
    background: rgba(222, 246, 255, 0.36);
}


#head .banner span {
    display: none;
}

#form-title {
    line-height: 30px;
    color: #fff;
    text-shadow: 0 1px 0 #ccc;
    font-size: 120%;
    padding-left: 40px;
    background: url(../images/go-right.png) no-repeat top left;
    width: 300px;
    float: left;
}

#f-nav {
    height: 30px;
    overflow: hidden;
}

#f-nav ul.nav {
    float: right;
}

#f-nav ul.nav li {
    float: left;
}

#f-nav ul.nav li a {
    color: #fff;
    text-shadow: 1px 0 0 #ccc;
    display: inline-block;
    height: 30px;
    width: 140px;
    text-align: center;
    line-height: 30px;
    background: url(../images/index-nav-sel.jpg) 0 30px no-repeat;
}

#f-nav ul.nav li a.selected {
    background-position: 0 0;
    color: #000;
    text-shadow: 1px 0 0 #fff;
    cursor: default;
}

#f-nav ul.nav li a:not(.selected):hover {
    color: #ffa500;
}

#content {
    margin-top: 0;
    width: 100%;
    min-height: 400px;
}

#sidebar, #main-content, #introduction {
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 3px 25px -12px #000000;
    min-height: 640px;
}

#sidebar {
    background: url("../images/side-bar-bg.png") repeat-y rgba(188, 206, 236, 0.47);
    overflow: auto;
    width: 300px;
    float: left;
}

#sidebar #login {
    margin-top: 40px;
    padding: 5px 25px 0;
    overflow: hidden;
}

#sidebar #login input {
    width: 220px;
    padding: 5px 15px;
    font-size: 15px;
    font-family: Monaco, Consolas, "Courier New", monospace;
    font-family: Monaco, Consolas, "Courier New", monospace;
}

#sidebar #login input[type="checkbox"] {
    width: auto;
}

#sidebar #login button {
    float: right;
}

#sidebar hr.clear {
    clear: both;
    min-height: 4px;
    border: none;
    background: transparent url(../images/hr-bg.png) no-repeat;
}

#login-note {
    margin: 10px;
    padding: 5px 15px 5px 25px;
    text-shadow: 0 1px 0 #fff;
}

#login-note h3 {
    font-family: tahoma, serif;
    font-size: 13;
    font-weight: bold;
    color: #021967;
    margin-bottom: 10px;
}

#login-note ul li {
    text-align: justify;
    margin-bottom: 8px;
}

#main-content {
    width: 640px;
    background: transparent url(../images/content-bg.png) repeat-y;
    float: right;
}

#main-content p {
    margin: 10px 40px;
    text-align: justify;
    font-size: 14px;
    text-shadow: 0 1px 0 #dfdfdf;
    color: #971eff;
    line-height: 25px;
}
#main-content p:first-child {
    margin-top: 30px;
}

#introduction {
    padding: 20px;
    line-height: 30px;
    display: none;
}

#introduction dl dt {
    width: 60px;
}

#introduction dl dd {
    font-weight: bold;
    color: #04009c;
}

#introduction div {
    margin: 20px 0;
}


#content{
    overflow: auto;
}
#foot {
    min-height: 100px;
    background: transparent url(../images/foot-bg.png) repeat-x;
    margin-top: 8px;
    margin-bottom: 0;
    box-shadow: 0 -8px 15px -10px #000;
}

#foot-box {
    float: right;
    background: transparent url(../images/foot-box-bg.png) no-repeat;
    height: 100px;
    margin-left: 0;
    width: 640px;
}

#copyright {
    margin-top: 24px;
    padding: 30px 20px;
    width: 280px;
    overflow: hidden;
}

#copyright, #org {
    float: left;
}

#org {
    padding: 20px;
}

#org h3 {
    color: #4f0e6a;
    font-size: 18px;
    text-shadow: 1px 0 0 #ccc;
}

#foot p {
    line-height: 35px;
}

.content-body {
    margin-top: 20px;
    padding: 0 20px;
}

.content-body h2 {
    color: #27003b;
    text-shadow: 0 1px 0 #fff;
}